@import url('./pages_com.less');

.expert-visit-bd  .travel-intro .travel-intro-icon,
.expert-visit .expert-visit-img .hot-icon{
  background: url("../img/icon_spire_03.png") no-repeat;
  background-size: 227px 170px;
}
.list-page-com-wrap{
  margin-bottom: 100px;
}
.expert-visit {
  display: block;
  margin-bottom: 30px;
  .expert-visit-img {
    position: relative;
    img {
      width: 100%;
      display: block;
    }
    span {
      display: block;
    }
    .hot-icon {
      position: absolute;
      top: 0;
      right: 0;
      width: 34px;
      height: 36px;
      background-position: 0 0;
    }
    .travel-type {
      position: absolute;
      left: 0;
      bottom: 30px;
      background-color: rgba(0, 0, 0, .7);
      color: #ffffff;
      padding: 8px 12px;
      font-size: 14px;

    }
  }
}

.expert-visit-bd {
  padding-top: 25px;
  position: relative;
  .expert-info {
    margin-left: 12px;
    .expert-avatar {
      float: left;
      width: 48px;
      height: 48px;
      border-radius: 50%;
      margin-right: 12px;
    }
    .expert-name {
      font-weight: bold;
      color: #232323;
      font-size: 16px;
      padding-top: 8px;
      padding-bottom: 5px;
    }
    .expert-intro {
      color: #656565;
      font-size: 14px;
    }
  }
  .travel-intro {
    position: absolute;
    right: 12px;
    top: 15px;
    color: #7d7d7d;
    font-size: 14px;
    .travel-intro-icon {
      display: inline-block;
      vertical-align: middle;
      width: 10px;
      height: 14px;
      background-position: -39px 0;
      margin-bottom: 2px;

    }
  }
}


